<div class="h">
  <p>当前位置</p>
  <a ><font [routerLink]='["/member/center/home/home"]'>首页</font>  > 搜索检测列表</a>
</div>
<div class="notice-list-page">

  <div class="query-c">
    <div class="query-list">
      <label for="">检测类别:</label>
      <div class="l-body">
        <a *ngFor="let item of tj01">{{item}}</a>
      </div>
    </div>
    <div class="query-list">
      <label for="">拼音分类:</label>
      <div class="l-body">
        <a *ngFor="let item of tj02">{{item}}</a>
      </div>
    </div>
    <div class="query-list" style="border-bottom: none;">
      <label for="">产品类别:</label>
      <div class="l-body">
        <a *ngFor="let item of tj03">
          <font [ngStyle]="{'background':item==='安全防范工程系统'?'#00aaff':'#fff',color:item==='安全防范工程系统'?'#fff':'#111','border-radius':item==='安全防范工程系统'?'9px':'','padding':item==='安全防范工程系统'?'0 10px':''}">{{item}}</font>
          
        </a>
      </div>
    </div>

  </div>

  <div class="list">
    <div class="list-header">
      <a style="padding-left: 0;" href="">最新</a>
      <a href="">销量</a>
      <a href="">星级</a>
      <div style="margin: auto;">
        <label for="">价格：</label>
        <input style="width: 48px;" nz-input  nzSize="small" /> - <input style="width: 48px;" nz-input nzSize="small" />
      </div>
      <div style="margin: auto;">
        <label for="">关键字：</label>
        <input style="width: 120px;" nz-input  nzSize="small" />
      </div>
      <button style="margin: auto;" nz-button nzType="primary"  nzSize="small">确定</button>
      <div class="fw">
        <p>共16个服务</p>
      </div>
      <!-- <div style="padding-top: 10px;">
        <img *ngIf='isSmall' src="../../../../assets/img/home-page/big-pic-n.png" alt="">
        <img *ngIf='!isSmall' src="../../../../assets/img/home-page/big-pic-y.png" alt="">
        <a href="">大图</a>
      </div> -->
      <div style="padding-top: 10px;">
        <img *ngIf='isSmall' src="../../../../assets/img/home-page/list-icon-y.png" alt="">
        <img *ngIf='!isSmall' src="../../../../assets/img/home-page/list-icon-n.png" alt="">
        <a href="">列表</a>
      </div>
    </div>
    <div class="list-item" *ngFor="let item of list">
      <div class="small-item" *ngIf='isSmall'>
        <div class="l">
          <h1>{{item.title}}</h1>
          <div class="l-b">
            <!-- <label style="padding-left: 0;" for="">机构星级：</label>
            <nz-rate [ngModel]="5"></nz-rate> -->
            <label for="">送检机构：</label>
            <p>公安三所</p>
            <label for="">销量：</label>
            <p>{{item.v}}件</p>
          </div>
        </div>
        <div class="z">
          <!-- <h1>¥300.00</h1>
          <p>原价370</p> -->
        </div>
        <div class="list-btn">
          <button nz-button nzType="primary">查看详情</button>
        </div>
      </div>
    </div>
    <div class="big-list-item" *ngIf='!isSmall' nz-row>
      <div class="big-item" nz-col nzSpan="8" *ngFor="let item of list" [routerLink]='["/member/center/home/projectDetail"]'
      [queryParams]="{id: item?.id}">
        <div class="item-card">
          <div class="img-c"><img src="{{item?.img}}" alt=""></div>
          <div class="item-b">
            <h2>{{item?.title}}</h2>
            <h1>¥300.00</h1>
          </div>
          <div class="item-btm">
            <p style="color: #999;width: 140px;">{{item.name}}</p>
            <p style="margin-right: 0;">剩余库存：1</p>
          </div>
        </div>
      </div>
    </div>
    <nz-empty *ngIf='list.length<1'></nz-empty>
  </div>
</div>